<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://"
      + request.getServerName() + ":" + request.getServerPort()
      + path + "/";
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<meta name="description" content="">
<meta name="author" content="">

<title>选择套餐</title>

<!-- Bootstrap core CSS -->
<link href="<%=basePath %>css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="<%=basePath %>css/signin.css" rel="stylesheet">


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

  <div class="container">
    <div class="row bg-info">
      <div class="col-md-4 col-md-offset-4">
        <p>当前登陆用户:${loginUserName }(${loginUserRole })</p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4 col-md-offset-3">
        <div class="jumbotron">
          <h2>请选择套餐类型</h2>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-4 col-md-offset-4">
        <form action="/designer/chooseProduct" class="form-horizontal">
          <input type="hidden" name="init" value="true">
          <div class="form-group" style="padding-left:30px; margin-bottom:30px;">
            <label class="radio"><input type="radio" name="planType" id="optionRadios" value="4" />套餐A: 自选</label> 
            <label class="radio"><input type="radio" name="planType" id="optionRadios" value="3" checked="checked" />套餐B: 豪华型(￥68600)</label> 
            <label class="radio"><input type="radio" name="planType" id="optionRadios" value="2" />套餐C: 尊贵型(￥58600)</label> 
            <label class="radio"><input type="radio" name="planType" id="optionRadios" value="1" />套餐D: 经济型(￥48600)</label>
          </div>
          <div class="form-group">
            <button class="btn btn-lg btn-primary btn-block" type="submit"><span class="glyphicon glyphicon-shopping-cart" style="padding-right:10px;"></span>创建订单</button>
            <a href="/designer/listOrder" class="btn btn-lg btn-success btn-block"><span class="glyphicon glyphicon-th-list" style="padding-right:10px;"></span>查询订单</a>
            <a href="/user/logout?from=designer" class="btn btn-lg btn-warning btn-block"><span class="glyphicon glyphicon-lock" style="padding-right:10px;"></span>安全退出</a>
          </div>
        </form>
      </div>
    </div>
  </div>
  <!-- /container -->
</body>

</html>